<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/left_nav.css"/>
    <link rel="stylesheet" type="text/css" href="/css/usergl.css">
  </head>
  <body>
    <header></header>
    
    <div class="left_nav"></div>

    <div class="users_right">
      <div class="main">
        <div class="users_top">
          <!-- <img src="/images/home.png"> -->
          <h5>你现在所在的位置是：<span>用户管理页面</span></h5>
        </div>
        <div class="users_center">
          <div class="search">
            <form class="navbar-form navbar-left" role="search">
              <div class="form-group">
                <label for="inputName">查询用户：</label>
                <input type="text" class="form-control query-name-input" id="inputName" placeholder="用户名">
              </div>
              <button type="button" class="btn btn-default btn-submit"><img src="/images/search.png">查询</button>
            </form>
          </div>
          <button type="button" class="btn btn-default btn-add" data-toggle="modal" data-target="#addUserModal"><img src="/images/tianjia.png">添加用户</button>
        </div>
        <table class="table table-bordered table-striped table-user">
          <thead>
            <tr>
              <th>用户编码</th>
              <th>用户名称</th>
              <th>性别</th>
              <th>出生日期</th>
              <th>电话</th>
              <th>用户类型</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody class="table-user-tb">
            
          </tbody>
        </table>

        <!-- 分页页码 -->
        <nav aria-label="Page navigation" class="page-user">
          <ul class="pagination">
            <!-- <li class="disabled">
              <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li> -->
            <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <!-- <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li> -->
          </ul>
        </nav>

      </div>
    </div>


    <!-- 添加用户信息模态框 -->
    <div class="modal fade" id="addUserModal" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="addUserModalLabel">添加用户</h4>
          </div>
          <div class="modal-body">
            <div class="alert alert-danger hidden add-user-error">添加用户有误</div>
            <form class="form-add-user">
               <!--  <div class="form-group">
                  <label for="userID">用户编码</label>
                  <input type="text" id="userID" class="form-control" name="userID" placeholder="请输入用户编码，且不能重复">           
                </div> -->
              <div class="form-group">
                <label for="addUserName">用户名称</label>
                <input type="text" class="form-control" name="username" id="addUserName" placeholder="请输入用户名称">
              </div>
              <div class="form-group">
                <label for="addPassword">用户密码</label>
                <input type="text" class="form-control" name="password" id="addPassword" placeholder="请输入用户密码">
              </div>
              <div class="form-group">
                <label for="qrPassword">确认密码</label>
                <input type="text" class="form-control" name="qrPassword" id="qrPassword" placeholder="请输入确认密码">
              </div>
              <div class="form-group">
                <label for="addUserSex">用户性别：</label>
                <select class="form-control" name="sex" id="sex">
                  <option>男</option>
                  <option>女</option>
                </select>
                <!-- <input type="radio" class="man" name="sex" id="man">男
                <input type="radio" class="woman" name="sex" id="woman">女 -->
              </div>
              <div class="form-group">
                <label for="addBirthDate">出生日期</label>
                <input type="text" class="form-control" name="birthdate" id="addBirthDate" placeholder="请输入出生日期，例“1995-01-01”">
              </div>
              <div class="form-group">
                <label for="addUserPhone">用户电话</label>
                <input type="text" class="form-control" name="phone" id="addUserPhone" placeholder="请输入用户电话">
              </div>
              <div class="form-group">
                <label for="addUserAddress">用户地址</label>
                <input type="text" class="form-control" name="address" id="addUserAddress" placeholder="请输入用户地址">
              </div>
              <div class="form-group">
                <label for="userType">用户类别：</label>
                <select class="form-control" name="userType" id="userType">
                  <option>管理员</option>
                  <option>经理</option>
                  <option>普通用户</option>
                </select>
                  <!-- <input type="radio" class="admin" name="userType" id="admin">管理员
                  <input type="radio" class="jingli" name="userType" id="jingli">经理
                  <input type="radio" class="ptUser" name="userType" id="ptUser">普通用户 -->
              </div>
            </form> 
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
            <button type="button" class="btn btn-primary btn-add-user">保存</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

   
    <!-- 查看用户信息模态框 -->
    <div class="modal fade" id="lookUserModal" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="lookUserModalLabel">用户信息</h4>
          </div>
          <div class="modal-body">
            <div class="alert alert-danger hidden add-user-error">添加用户有误</div>
            <form class="form-look-user">
               <!--  <div class="form-group">
                  <label for="userID">用户编码</label>
                  <input type="text" id="userID" class="form-control" name="userID" placeholder="请输入用户编码，且不能重复">           
                </div> -->
              <div class="form-group">
                <label for="addUserName">用户名称</label>
                <input type="text" class="form-control" name="username" id="lookUserName" placeholder="请输入用户名称">
              </div>
              <div class="form-group">
                <label for="addPassword">用户密码</label>
                <input type="text" class="form-control" name="password" id="lookPassword" placeholder="请输入用户密码">
              </div>
              <!-- <div class="form-group">
                <label for="qrPassword">确认密码</label>
                <input type="text" class="form-control" name="qrPassword" id="lookqrPassword" placeholder="请输入确认密码">
              </div> -->
              <div class="form-group">
                <label for="addUserSex">用户性别：</label>
                 <input type="text" class="form-control" name="sex" id="sex1">
                <!-- <select class="form-control" name="sex" id="sex1">
                  <option>男</option>
                  <option>女</option>
                </select> -->
                <!-- <input type="radio" class="man" name="sex" id="man1">男
                <input type="radio" class="woman" name="sex" id="woman1">女 -->
              </div>
              <div class="form-group">
                <label for="addBirthDate">出生日期</label>
                <input type="text" class="form-control" name="birthdate" id="lookBirthDate" placeholder="请输入出生日期，例“1995-01-01”">
              </div>
              <div class="form-group">
                <label for="addUserPhone">用户电话</label>
                <input type="text" class="form-control" name="phone" id="lookUserPhone" placeholder="请输入用户电话">
              </div>
              <div class="form-group">
                <label for="addUserAddress">用户地址</label>
                <input type="text" class="form-control" name="address" id="lookUserAddress" placeholder="请输入用户地址">
              </div>
              <div class="form-group">
                <label for="userType">用户类别：</label>
                <input type="text" class="form-control" name="userType" id="userType1">
                <!-- <select class="form-control" name="userType" id="userType1">
                  <option>管理员</option>
                  <option>经理</option>
                  <option>普通用户</option>
                </select> -->
                  <!-- <input type="radio" class="admin" name="userType" id="admin">管理员
                  <input type="radio" class="jingli" name="userType" id="jingli">经理
                  <input type="radio" class="ptUser" name="userType" id="ptUser">普通用户 -->
              </div>
            </form> 
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
            <!-- <button type="button" class="btn btn-primary btn-add-user">保存</button> -->
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    


    <!-- 修改用户信息模态框 -->
    <div class="modal fade" id="xiugaiUserModal" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="xiugaiUserModalLabel">修改用户信息</h4>
          </div>
          <div class="modal-body">
            <div class="alert alert-danger hidden add-user-error">添加用户有误</div>
            <form class="form-xiugai-user">
                <div class="form-group">
                  <label for="userID">用户编码</label>
                  <input type="text" id="id" class="form-control" name="_id">           
                </div>
              <div class="form-group">
                <label for="addUserName">用户名称</label>
                <input type="text" class="form-control" name="username" id="xiugaiUserName">
              </div>
              <div class="form-group">
                <label for="addPassword">用户密码</label>
                <input type="text" class="form-control" name="password" id="xiugaiPassword" placeholder="请输入用户密码">
              </div>
             <!--  <div class="form-group">
                <label for="qrPassword">确认密码</label>
                <input type="text" class="form-control" name="qrPassword" id="xiugaiqrPassword" placeholder="请输入确认密码">
              </div> -->
              <div class="form-group">
                <label for="addUserSex">用户性别：</label>
                <select class="form-control" name="sex" id="sex2">
                  <option>男</option>
                  <option>女</option>
                </select>
                <!-- <input type="radio" class="man" name="sex" id="man">男
                <input type="radio" class="woman" name="sex" id="woman">女 -->
              </div>
              <div class="form-group">
                <label for="addBirthDate">出生日期</label>
                <input type="text" class="form-control" name="birthdate" id="xiugaiBirthDate" placeholder="请输入出生日期，例“1995-01-01”">
              </div>
              <div class="form-group">
                <label for="addUserPhone">用户电话</label>
                <input type="text" class="form-control" name="phone" id="xiugaiUserPhone" placeholder="请输入用户电话">
              </div>
              <div class="form-group">
                <label for="addUserAddress">用户地址</label>
                <input type="text" class="form-control" name="address" id="xiugaiUserAddress" placeholder="请输入用户地址">
              </div>
              <div class="form-group">
                <label for="userType">用户类别：</label>
                <select class="form-control" name="userType" id="userType2">
                  <option>管理员</option>
                  <option>经理</option>
                  <option>普通用户</option>
                </select>
                  <!-- <input type="radio" class="admin" name="userType" id="admin">管理员
                  <input type="radio" class="jingli" name="userType" id="jingli">经理
                  <input type="radio" class="ptUser" name="userType" id="ptUser">普通用户 -->
              </div>
            </form> 
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary btn-update-user">提交</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    


    <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/lib/ejs/ejs.min.js"></script>
    <script src="/js/common/header.js"></script>
    <script src="/js/common/left_nav.js"></script>
    <script src="/js/user/usergl.js"></script>
  </body>
</html>
